import React from "react";

export const LandingHeroAppwriteIcon = (
    props: React.SVGProps<SVGSVGElement>,
) => (
    <svg
        width={64}
        height={64}
        viewBox="0 0 64 64"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <g
            opacity={0.5}
            className="hidden dark:block"
            filter="url(#filter0_f_1305_2765)"
        >
            <path
                d="M44 37.3748V42.7529H30.5571C26.6407 42.7529 23.221 40.5899 21.3914 37.3748C21.1254 36.9074 20.8927 36.417 20.6974 35.908C20.3141 34.9106 20.0731 33.8403 20 32.7236V31.2695C20.0159 31.0207 20.0409 30.7738 20.0736 30.5298C20.1404 30.0291 20.2414 29.5393 20.3742 29.063C21.63 24.5483 25.7133 21.2402 30.5571 21.2402C35.4009 21.2402 39.4838 24.5483 40.7395 29.063H34.9916C34.0479 27.5914 32.4146 26.6184 30.5571 26.6184C28.6997 26.6184 27.0663 27.5914 26.1227 29.063C25.835 29.5104 25.6119 30.0037 25.4657 30.5298C25.3358 30.9962 25.2665 31.4881 25.2665 31.9966C25.2665 33.5382 25.9043 34.9277 26.9268 35.908C27.8743 36.8179 29.1517 37.3748 30.5571 37.3748H44Z"
                fill="#FD366E"
            />
            <path
                d="M44 30.5298V35.908H34.1874C35.21 34.9277 35.8477 33.5382 35.8477 31.9966C35.8477 31.4881 35.7785 30.9962 35.6486 30.5298H44Z"
                fill="#FD366E"
            />
        </g>
        <path
            d="M44 37.3782V42.7563H30.5571C26.6407 42.7563 23.221 40.5933 21.3914 37.3782C21.1254 36.9108 20.8927 36.4204 20.6974 35.9114C20.3141 34.914 20.0731 33.8438 20 32.727V31.273C20.0159 31.0241 20.0409 30.7772 20.0736 30.5332C20.1404 30.0326 20.2414 29.5427 20.3742 29.0665C21.63 24.5517 25.7133 21.2437 30.5571 21.2437C35.4009 21.2437 39.4838 24.5517 40.7395 29.0665H34.9916C34.0479 27.5948 32.4146 26.6218 30.5571 26.6218C28.6997 26.6218 27.0663 27.5948 26.1227 29.0665C25.835 29.5138 25.6119 30.0072 25.4657 30.5332C25.3358 30.9997 25.2665 31.4915 25.2665 32C25.2665 33.5416 25.9043 34.9311 26.9268 35.9114C27.8743 36.8213 29.1517 37.3782 30.5571 37.3782H44Z"
            fill="#FD366E"
        />
        <path
            d="M44 30.5332V35.9114H34.1874C35.21 34.9311 35.8477 33.5416 35.8477 32C35.8477 31.4915 35.7785 30.9997 35.6486 30.5332H44Z"
            fill="#FD366E"
        />
        <defs>
            <filter
                id="filter0_f_1305_2765"
                x={12}
                y={13.2402}
                width={40}
                height={37.5127}
                filterUnits="userSpaceOnUse"
                colorInterpolationFilters="sRGB"
            >
                <feFlood floodOpacity={0} result="BackgroundImageFix" />
                <feBlend
                    mode="normal"
                    in="SourceGraphic"
                    in2="BackgroundImageFix"
                    result="shape"
                />
                <feGaussianBlur
                    stdDeviation={4}
                    result="effect1_foregroundBlur_1305_2765"
                />
            </filter>
        </defs>
    </svg>
);
